<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初识矢量图标</title>
</head>
<body>
    <div>
        <p>矢量图：就是以几何特征来绘制的图，矢量图在无限放大后也不会失贞，和分辨率无关。</p>
        <p>矢量图：如：.svg、.ai、.eps、.pdf</p>
        <p>矢量图可以看作是一个文本，可以像操作文本一样操作矢量图。文本拥有的属性，矢量图标也拥有相同的属性。</p>
        <p>位图：就是以像素点来绘制的图，位图在无限放大后会出现失贞，和分辨率有关，是由像素的单个点组成的图像，放大后会出现马赛克。</p>
        <p>位图：如：.jpg、.png、.gif</p>
        <p><br>矢量图标的使用方法，一般使用 fontclass方法进行使用。即在项目保存图标素材，使用 link引入素材文件，最后在需要使用图标的地方，以下面的形式进行使用。</p>
        <p>class="iconfont icon-xxx"</p>
    </div>
</body>
</html>